/**
 * Created by Administrator on 2016/9/23.
 */
$(function(){
   $(".li1").mouseenter(function(){
       $(".list").slideDown(400,function(){
           $(".list").animate({opacity:1},500)
       })
   })
    $(".li1").mouseleave(function(){
        $(".list").slideUp(400,function(){
            $(".list").stop(true).animate({opacity:1},500)
        })
    });
    /*右侧商品列表*/
    var al=$(".al");
    var ar=$(".ar");
    var imgList=$(".J_move_pic");
    var imgListLi=$(".J_move_pic li");
    al.mouseenter(function(){
        /*al.css({backgroundPosition:'-1px,-41px'})*/
        //al.css({backgroundColor:'red'})
        al.css('background-position','-1px -48px')
    });
    al.mouseleave(function(){
        al.css('background-position','-1px -1px')
    });
    ar.mouseenter(function(){
        ar.css('background-position','-47px -48px')
    });
    ar.mouseleave(function(){
        ar.css('background-position','-47px -1px')
    });

   /* for(var i=0;i<liimg.length;i++){
       liimg[i].index=i;
        al.click(function(){

            ulimg.css({top:'-580px'});
            ulimg[this.index].style.top='0px';
        })

    }*/
    var flag=true;
    var iIndex=0
    //给top加onclick事件
    al.click(function(){
        if(flag) {
            flag = false;
            iIndex++;
            imgList.animate({top: -iIndex * 580 + "px"},1000, function () {
                flag = true;
                if (iIndex == 0) {
                    imgList.css({top: -iIndex * 580 + "px"});
                }
            });
            if (iIndex == 4) {
                iIndex = 0;
            }
        }
    });
//给bottom加事件
    ar.click(function(){
        if(flag) {
            flag = false;
            iIndex--;
            if (iIndex < 0) {
                iIndex = 3;
                imgList.css({top: -580 * (iIndex + 2)});
            }
            imgList.animate({top: -(iIndex + 1) * 580 + "px"},1000,function(){
                flag = true;
            });

        }
    });


   /* ar.click(function(){
        if(flag) {
            flag = false;
            iIndex--;
            console.log(iIndex)
            imgList.animate({top:-(iIndex+1)*580 + "px"},function(){
                flag = true;
                if(iIndex==3){
                    imgList.css({top:-5*580 +"px"});
                }
            });
            if(iIndex==-1){
                iIndex = 3;
            }
        }
    })*/


//放大镜
    $(".origin").mouseenter(function(){
        $(".bigbox").css({display:"block"})
        /*$(".move").css({display:"block"})*/
    })
    $(".origin").mouseleave(function(){
        $(".bigbox").css({display:"none"})
        $(".move").css({display:"none"})
    })
    var movewidth=$(".move").width();//小黄最大宽度
    var moveheight=$(".move").height()//小黄快最大高度
    var originw=$(".origin").width();
    var originh=$(".origin").height();
    var bigimage=$(".bigimage");
    var maxx=originw-movewidth;//小黄快移动的的最大宽度
    var maxy=originh-moveheight;//小黄快移动的的最大高度
    var scale=$(".bigbox").width()/movewidth;
    var offset=$(".origin").offset();
    $(".origin").mousemove(function(evt){
        var event=evt||window.event;
        var x=event.clientX-offset.left-movewidth/2;
        var y=event.clientY+$(document).scrollTop()-offset.top-moveheight/2;

        if(x<=0){
            x=0;
        }
        if(x>=maxx){
            x=maxx;
        }
        if(y<=0){
            y=0;
        }
        if(y>=maxy){
            y=maxy;
        }


        $(".move").css({left:x+"px"});
        $(".move").css({top:y+"px"});
        bigimage.css({left:-x*scale+"px"})
        bigimage.css({top:-y*scale+"px"})

    });
    //分享
    var b=true;
   $(".tell .share").click(function(){
       if(b==true){
          $(".tell .link").css({display:"block"});
          b=false;
       }else{
           $(".tell .link").css({display:"none"});
           b=true;
    }

   });
//配送地址
    $(".addrdl  dt").click(function(){
        var Iindex=$(this).index();//获取当前的省份，或市的索引值
        $(".addrdl  dd").eq(Iindex).css({display:"block"});//让对应索引值各自的选择框出现
        var selecta=$(".addrdl  dd span a");//获取选择框里面的a
        selecta.click(function(){
            var index=selecta.index($(this));//获取选择框里面的a的当前索引值
            $(".addrdl  dt em").eq(Iindex).text(selecta[index].innerText);//让选择的省份框内容替换成选择框的内容
           if($(".addrdl  dt em").eq(Iindex).text(selecta[index].innerText)){
                $(".addrdl  dd").eq(Iindex).css({display:"none"});//替换成功，让选择框消失
                /*$(".addrdl  dd").eq(Iindex+1).css({display:"block"})*///替换成功，让选择框消失，市的选择框出现


      }
        })
    });

    $(".addrdl  dd .closex").click(function(){
        var Iindex=$(this).index();
        $(".addrdl  dd").eq(Iindex).css({display:"none"})
    });




//增减数量
    var countleft  =  $('.minus');
    var countright =  $('.plus');
    var countmin     =  $('.min');
    var countplu     =  $('.plu');
    var countb     =  $('.quantity');
    //商品减减
    countleft.click(function(){
        var  countval = countb.val();
        countval--;
        if(countval<1){
            $("#screen_locker").css({display:"block"});
            countmin.css({display:"block"});
            return false;
        }
        countb.val(countval);
    });
    $(".min .btn1").click(function(){
        countmin.css({display:"none"});
        $("#screen_locker").css({display:"none"});
    })
    $(".min .btn2").click(function(){
        countmin.css({display:"none"});
        $("#screen_locker").css({display:"none"});
    })

    //商品加加
    countright.click(function(){
        var countval=countb.val();
        countval++;
        if(countval>=10){
            countplu.css({display:"block"});
            $("#screen_locker").css({display:"block"});

        }
        countb.val(countval);
    });
    $(".plu .ui-dialog-close").click(function(){
        countplu.css({display:"none"});
        $("#screen_locker").css({display:"none"});
    });
    $(".plu .cancel").click(function(){
        countplu.css({display:"none"});
        $("#screen_locker").css({display:"none"});
    });

/*tab切换*/
   $(".tab-trigger li").click(function(){
     var Iindex=$(this).index();
       $(".tab-trigger li").css({color:"#666"}).eq(Iindex).css({color:"red"});
       $(".qiehuan .box").css({display:"none"}).eq(Iindex).css({display:"block"})
   })


       $(".page a").click(function(){
           var btnindex=$(this).index();

        $.ajax({
            url:"https://sclub.jd.com/productpage/p-188078-s-0-t-3-p-"+btnindex+".html",
            dataType: 'jsonp',//解决浏览器不让获取数据，出于安全，同源策略，
            jsonp: 'callback',
            data:{
                curpage:1
            },
            success: function (data, sInfo, xhr) {
                console.log(data);
                for(var i=0; i<10; i++){
                    $(".eval-list ul li")[i].innerHTML=data.comments[i].content;
                }
            },

        });

       });
    $.ajax({
        url:"https://sclub.jd.com/productpage/p-188078-s-0-t-3-p-2.html",
        dataType: 'jsonp',//解决浏览器不让获取数据，出于安全，同源策略，
        jsonp: 'callback',
        data:{
            curpage:1
        },
        success: function (data, sInfo, xhr) {
            for(var i=0; i<10; i++){
                $(".eval-list ul li")[i].innerHTML=data.comments[i].content;
               //$(" .comusername")[i].innerHTML = data.comments[i].nickname;
               // $(" .comuserd")[i].innerHTML = data.comments[i].referenceTime;
            }
        },

    });



    $(window).scroll(function(){
        /*var scrolltop=$(document).scrollTop();*/
        var scrolltop=document.body.scrollTop||document.documentElement.scrollTop;
        /*判断回到顶部按钮出现和消失*/
        if(scrolltop<=1160){
            $(".goods-tab").css({
                position:"absolute",
                top:'989px'
            })
        }
        else{
            $(".goods-tab").css({
                position:"fixed",
                top:'0px'
            })
        }
    });

   //shopcar
    $(".jiaru").click(function () {
        // 要存储的商品信息：商品ID、商品名称、商品价格、商品数量、商品图片地址
        var
            iGoodsId 	= $(this).attr('data-id'),
            sGoodsTitle = $(this).attr('data-title'),
            iGoodsPrice = $(this).attr('data-price'),
            //sGoodsSumprice=$(this).attr('data-sum'),
            sGoodsSrc 	= $(this).attr('data-src');

        //console.log(sGoodsSrc)

            sGoods = getCookie('ggoods'),
            bBtn = true;

        if(sGoods === undefined) {
            var aGoods = [];
        } else {
            var aGoods = JSON.parse(sGoods);
        }

        for(var i =0; i < aGoods.length; i++) {
            if(aGoods[i].goodsId == iGoodsId){
                aGoods[i].goodsNum++;
                bBtn = false;
            }
        }

        if(bBtn) {
            var oGoods = {
                goodsId: 	iGoodsId,
                goodsTitle: sGoodsTitle,
                goodsPrice: iGoodsPrice,
                goodsSrc: 	sGoodsSrc,
                goodsNum: 	1,
                //goodsSumprice: sGoodsSumprice,
            };
            aGoods.push(oGoods);
        }
        //var aGoods = []; // 存储所有商品信息的数组

        // 写入cookie
        setCookie('ggoods', JSON.stringify(aGoods), 7, '/');
        //console.log(sGoods)
    })






});